<template>
    <view class="bg-[#f8f8f8] min-h-screen">
        <view class="h-[10rpx]"></view>

        <view class="bg-[#fff] px-[20rpx] font-medium">
            <view
                class="text-[30rpx] h-[100rpx] flex items-center justify-between text-right mx-[20rpx] border-b border-[#EFEFEF]">
                <u-checkbox-group v-model="allValue" @change="allChange">
                    <u-checkbox :customStyle="{ marginBottom: '8px' }" label="全选" name="全选">
                    </u-checkbox>
                </u-checkbox-group>

                <view @click="navigateTo('/pages/classManagementDetails_addMembers/classManagementDetails_addMembers')"
                    class=" ml-[15rpx] text-[#3D3D3D] font-medium "><text class="mr-[50rpx]">拒绝</text>
                    <text>同意</text>
                </view>

            </view>
            <view class="border-b border-[#EFEFEF]">
                <u-checkbox-group v-model="selectValue" @change="selectChange">
                <view 
                    class="h-[100rpx] flex items-center mx-[20rpx] ">

                    <u-checkbox :customStyle="{ marginBottom: '8px' }" label="" name="张三">
                    </u-checkbox>
                    <view class=" ml-[15rpx]">张三 <text class="ml-2">15936987543</text></view>

                </view>
                <view 
                    class="h-[100rpx] flex items-center mx-[20rpx]">

                    <u-checkbox :customStyle="{ marginBottom: '8px' }" label="" name="李四">
                    </u-checkbox>
                    <view class=" ml-[15rpx]">李四 <text class="ml-2">15936987543</text></view>

                </view>
                <view 
                    class="h-[100rpx] flex items-center mx-[20rpx] ">

                    <u-checkbox :customStyle="{ marginBottom: '8px' }" label="" name="王五">
                    </u-checkbox>
                    <view class=" ml-[15rpx]">王五 <text class="ml-2">15936987543</text></view>

                </view>
                 </u-checkbox-group>
            </view>


        </view>

    </view>
</template>
<script setup>
const navigateTo = (url) => {
    uni.navigateTo({
        url
    })
}
</script>